<script setup>
// 这里是 Vue 3 的 script setup 部分
import { ref } from 'vue'

// 定义响应式数据
const count = ref(0)

// 定义方法
function increment() {
  count.value++
}
</script>

<template>
  <!-- 这里是模板部分 -->
  <div class="user-space">
    <h1>User Space</h1>
    <p>Count: {{ count }}</p>
    <button @click="increment">Increment</button>
  </div>
</template>

<style scoped>
/* 这里是组件作用域的样式 */
.user-space {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}
</style>
